
import React, { Component } from 'react';
import { View, Text, StyleSheet, TouchableOpacity, FlatList, Alert } from 'react-native';
import { Container, Content, Icon } from 'native-base';
import { Metrics, Colors } from '../../theme';

class CommonProblem extends Component {
  constructor(props) {
    super(props);
    this.state = {
      firstLoad: true,
      submitMiningId: "",
      miningTypeList: [
        {
          name: '常见问题1',
          details: {
            detailsArr: [
              {
                key: '0', title: `常见问题及解决方法`, text: `1）打开APP，点开右下角“我的”；

2）找到【邀请好友】并打开，此页面会有二维码和推广链接；

3）截图或者复制链接分享即可完成（可分享到微信好友、QQ好友、微信朋友圈及新浪微博等）。

★ 怎样将《拾柴聚火》APP分享或推荐给他人？

会的。只要点击开始挖矿就会倒计时产出趣钻，APP账号退出或在关闭程序都不影响。

★ 退出或结束《拾柴聚火》APP进程了，还会计数产出趣钻吗？

《拾柴聚火》开发团队时刻改进和完善APP，会不定期推出更新包，建议立即更新。

★ 打开《拾柴聚火》APP时提示更新，我可以不更新吗？

实名认证是交易的前提，不进行实名认证将无法交易。建议安装《拾柴聚火》APP后立即进入【我的】--->【实名认证】进行实名认证。` },
            ],
            title: '常见问题及解决方法'
          }
        },
        {
          name: '常见问题2',
          details: {
            detailsArr: [
              {
                key: '0', title: `常见问题及解决方法`, text: `
                     
★ 每日奖励的趣钻数是在什么时候计入总趣钻数?
挖矿获得趣钻是在点击收取后，其它获取是在每天00：00后自动计入。

★ 趣钻是以“天”为计算单位产出，如果在矿机运行到28天，后面2天忘记了，之前产生的趣钻会扣除吗？用户在挖矿期间是否可以使用这部分趣钻？
之前趣钻不会扣除，每天都会产出趣钻，只要有趣钻就可以使用。

★ 平台趣钻交易的方式是什么的？
平台提供买卖双方供需信息展示，自行匹配，自行交易。《拾柴聚火》不收取现金，只维护交易的公平公正。

★ 交易中遇到问题，钱给了，趣钻没有收到怎么办？
用户申诉，把交易转账记录截图提交到平台，平台将会暂时冻结双方的账户进行调查，如情况属实，平台会将对方交易的趣钻数直接转给买家，并将永久停止卖家生产及趣钻交易功能。
                    
                     ` },
            ],
            title: '常见问题及解决方法'
          }
        },
        {
          name: '常见问题3',
          details: {
            detailsArr: [
              {
                key: '0', title: `常见问题及解决方法`, text: `
                      
★ 用什么样的方式推广，才能实时、有效？    
推荐身边的朋友都来下载注册和使用《拾柴聚火》APP，然后一起挖取趣钻，完成任务并挑战更高级的任务。

★ 我可以一直只用免费的生活工具吗？
可以，每个会员初次注册，平台会赠送一台免费工具，矿机到期后用所获得的趣钻在生活工具列表兑换就可以了。

★ 我完成了生产后，我推广一个用户实名注册后会有5%的幸福值加成，这个5%当天还可以享受生产加成吗？
不可以，幸福值在第二天生效

                      ` },
            ],
            title: '常见问题及解决方法'
          }
        },
        {
          name: '常见问题4',
          details: {
            detailsArr: [
              {
                key: '0', title: `常见问题及解决方法`, text: `
                      
★ 交易密码怎么设置？
点击”我的”---右上角设置图标----修改交易密码---输入手机验证码/新的交易密码--提交--交易密码设置完成。

★ 我能不能通过其他方式获得其他的生产工具？
获取工具的方式有：用趣钻兑换工具、推广做生活达人奖励生活工具、成为城市合伙人奖励生活工具。

★ 是不是家族实名500人就可以做一星生活达人？
直推20人，家族幸福值（不包括自己及直推人员）500点成为一星达人。

★ 我的团队基本幸福值达到2000，奖励的中级矿机什么时候给我？10%趣钻交易手续费是每天分红吗？
奖励的中级矿机会在凌晨00：00--02：00点奖励在账户，趣钻分红每天都会计入账户。
                      
                      
                      。` },
            ],
            title: '常见问题及解决方法'
          }
        },
        {
          name: '常见问题5',
          details: {
            detailsArr: [
              {
                key: '0', title: `常见问题及解决方法`, text: `★ 达到星级达人标准之后，可能会掉级吗？

星级达人必须保证有20个有效直推用户和相应的家族幸福值，两者缺一不可。所谓有效直推用户是指直接推荐并且实名认证通过，且必须有正在使用中的生活工具的会员用户。如若因为直推用户生活工具到期失效，导致有效直推用户数不足20人的或者家族会员中生活工具失效，导致家族总幸福值降低至星级标准以下的，就会出现掉级现象。这个规则是为了让推广者维护好自己家族的幸福值，避免一劳永逸的情况，使《拾柴聚火》保持活力。

推广用户提供家族幸福值按照黏度强度，提供相应加成比例：

强黏度下线：90日内推广用户，提供100%加成

普通黏度下线：90日-120日推广用户，提供80%加成

弱黏度下线：120日-150日推广用户，提供50%加成

超弱黏度下线：150日以上推广用户，提供20%加成` },
            ],
            title: '常见问题及解决方法'
          }
        },

      ]
    };
  }

  //  路由地址
  toNavigateFunc(uri) {
    this.props.navigation.navigate(uri)
  }

  /**
   * 渲染规则列表
   */
  renderMiningItem(item, index) {
    return (
      <TouchableOpacity style={{ flex: 1 }} onPress={() => this.props.navigation.navigate('CourseDetails', { params: item.details })}>
        <View style={Styles.cardStyle}>
          <Text style={Styles.labelTxt}>{item.name}</Text>
          <Icon type="FontAwesome" name="angle-right" style={{ color: Colors.hui66,fontSize:20 }}/>
        </View>
      </TouchableOpacity>
    )
  }

  // FlatList 循环 key
  _extraUniqueKey(item, index) {
    return "index" + index + item;
}

  render() {
    let { miningTypeList } = this.state;
    return (
      <FlatList
        contentContainerStyle={{ paddingBottom: Metrics.LIST_BOTTOM }}
        data={miningTypeList}
        renderItem={({ item, index }) => this.renderMiningItem(item, index)}
        keyExtractor={this._extraUniqueKey}
      />
    )
  }
}

export default CommonProblem;

const Styles = StyleSheet.create({
  miningItem: { margin: 10, marginBottom: 0, backgroundColor: '#ffffff', borderRadius: 5, padding: 15 },
  miningItemHeader: { flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' },
  miningItemName: { fontSize: 18, color: '#ffffff' },
  miningItemActivity: { fontSize: 14, color: '#ffffff' },
  miningItembody: { marginTop: 8, flexDirection: 'row', justifyContent: 'space-between' },
  miningItemGemin: { fontSize: 14, color: '#ffffff' },
  miningItemGemout: { marginTop: 4, fontSize: 14, color: '#ffffff' },
  miningItemTime: { marginTop: 4, fontSize: 14, color: '#ffffff' },
  miningItemFooter: { alignSelf: 'flex-end', justifyContent: 'center', alignItems: 'center', borderWidth: 1, borderColor: '#ffffff', borderRadius: 10, padding: 10, paddingTop: 6, paddingBottom: 6 },
  miningItemExchange: { fontSize: 16, color: '#ffffff' },
  cardStyle: {
    height: 50,
    marginLeft: 15,
    paddingRight: 10,
    flexDirection: "row",
    justifyContent: "space-between",
    alignItems: "center",
    borderBottomWidth: StyleSheet.hairlineWidth,
    borderColor: Colors.C7
  },
  labelTxt: { color: Colors.hui33, fontSize: 14 },
});